import {Component, OnInit} from '@angular/core';

//import {ROUTER_DIRECTIVES} from '@angular/router';

// import {HomeComponent} from './home/home.component';
// import {AboutComponent} from './about/about.component';

import 'bootstrap/dist/css/bootstrap.css';
import '../styles.css';
@Component({
    selector: 'my-app',
    template: `
    <h1>{{title}}</h1>
    <a routerLink="/dashboard" routerLinkActive="active">Dashboard</a>
    <a routerLink="/heros" routerLinkActive="active">Heros</a>
    <router-outlet></router-outlet>
    `,
    styles:[require('./app.css')]
})

export class AppComponent {
    title = 'Tour of Heroes';
   
}

